<!DOCTYPE HTML>
<html>

<head>
	<meta charset="utf-8">
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<meta http-equiv="Cache-Control" content="no-cache/no-store" />
	<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
	<link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
	<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
	<link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin" />
	<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css" />
	<!-- <link rel="stylesheet" type="text/css" href="lib/datatables/1.10.0/jquery.dataTables.css" /> -->
	<style>
		.input-text {
			width: 100px;
		}

		.text {
			margin-left: 110px;
		}

		.workDiv {
			background-color: #EEEEE0;
			padding: 8px;
			margin: 8px;
		}

		table {
			text-align: center;
		}

		#orderInput {
			width: 200px;
		}

		.two {
			background-color: #E0FFFF;
		}

		.twoTwo {
			background-color: #00CD00;
		}

		.clearfix {
			*zoom: 1;
		}

		.clearfix:after {
			display: block;
			content: "clear";
			height: 0;
			clear: both;
			overflow: hidden;
			visibility: hidden;
		}

		.blueColor {
			color: blue;
		}
	</style>
	<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
	<title>订单查询</title>
</head>

<body>
	<!--面包屑导航-->
	<!-- 		<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span>工序产能监控<span class="c-gray en">&gt;</span> 员工达成率看板 -->
	<!-- 			<a class="btn btn-primary radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i>刷新</a> -->
	<!-- 		</nav> -->

	<!--主内容-->
	<div class="page-container">
		<div>
			<select class='input-text' id='timeType'>
				<option value='1'>制单日期</option>
				<option value='2'>交货日期</option>
			</select>
			从
			<input type="text" id="startDay" onclick="WdatePicker({onpicked:dataChange,maxDate:'%y-%M-%d',dateFmt:'yyyy-MM-dd'})"
			  class="input-text Wdate" style="width:120px;"> 到
			<input type="text" id="yestarday" onclick="WdatePicker({onpicked:dataChange,dateFmt:'yyyy-MM-dd'})" class="input-text Wdate"
			  style="width:120px;"> 部门：
			<select name="" id="productionDepartment" class="input-text">
				<option value=''>请选择</option>
			</select>
			车间：
			<select class='input-text' id="workShop">
				<option value=''>全部</option>
			</select>
			状态：
			<select class='input-text' id='type'>
				<option value='0'>全部</option>
				<option value='1'>完成</option>
				<option value='2'>未完成</option>
			</select>
			<!-- 		      <span>输入订单编号</span> -->
			<input type="text" class="input-text" id="orderInput" placeholder="请输入订单编号或客户型号" />
			<button class="btn btn-primary radius" id="queryOrderBtn">查询</button>
			<button class="btn btn-primary radius" id="exportExcle">导出为excle</button>
			<br/>
			<br/>


			<div id="allOrder" style='width:1500px;'>
				<table id="orderTable" class="table table-border table-bordered table-bg table-hover" hidden="hidden">
					<thead>
						<tr>
							<th>系统订单编号</th>
							<th>客户订单号</th>
							<th>工厂型号</th>
							<th>客户编号</th>
							<th>尺寸</th>
							<th>交货日期</th>
							<th>订单总数</th>
							<th>采购</th>
							<th>入库</th>
							<th style='width:500px;'>车间生产状况</th>
							<!-- 					     <th>操作</th> -->
						</tr>
					</thead>
					<tbody></tbody>
				</table>
			</div>
		</div>
		<!-- 			    <div id="expectDateModel" class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> -->
		<!-- 				    <div class="modal-dialog"> -->
		<!-- 					<div class="modal-content" > -->
		<!-- 						<div class="modal-header"> -->
		<!-- 							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> -->
		<!-- 							<span class="modal-title" id="myModalLabel">排期明细</span> -->
		<!-- 						</div> -->
		<!-- 						<div class="modal-body clearfix" style="height:400px;overflow:auto;"> -->
		<!-- 						    <div> -->
		<!-- 								<div class="col-md-5"> -->
		<!-- 								    <span>之前订单个数 : </span><span id="beforeOrderCount"></span><br/><br/> -->
		<!-- 								    <span>之前订单未完成数 : </span><span id="beforeNotFinishCount"></span><br/><br/> -->
		<!-- 								    <span>日产能 : </span><span id="dayCapacity"></span><br/><br/> -->
		<!-- 								    <span>之前订单完成所需天数 : </span><span id="beforeDay"></span><br/><br/> -->
		<!-- 								    <span>本订单数 : </span><span id="orderCount"></span><br/><br/> -->
		<!-- 								    <span>本订单完成所需天数 : </span><span id="orderDay"></span><br/><br/> -->
		<!-- 								    <span>采购周期 : </span><span id="procurementCycles"></span><br/><br/> -->
		<!-- 								    <span>流程周期 : </span><span id="orderFlowCount"></span><br/><br/> -->
		<!-- 								    <span>实际生产天数 : </span><span id="reachDay"></span><br/><br/> -->
		<!-- 								    <span>建议采购日期 : </span><span id="proposalPurchaseTime" class="blueColor"></span><br/><br/> -->
		<!-- 								    <span>预计完成日期 : </span><span id="estimateTime" class="blueColor"></span> -->
		<!-- 								</div> -->
		<!-- 								<div class="col-md-6" > -->
		<!-- 								    <span>生产进度：</span> -->
		<!-- 								    <div id="reportProcedureDiv"> -->

		<!-- 								    </div> -->
		<!-- 								</div> -->
		<!-- 						    </div> -->
		<!-- 						</div> -->
		<!-- 						<div class="modal-footer clearfix"> -->
		<!-- 							<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> -->
		<!-- 						</div> -->
		<!-- 					</div> -->
		<!-- 				</div> -->
		<!-- 			</div> -->


		<div id="orderDetailModel" class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<span class="modal-title" id="myModalLabel">订单明细</span>
						<span id="tiShi" style="color:red"></span>
					</div>
					<div class="modal-body clearfix">
						<div id="timeDiv">
							<span>建议采购日期 : </span>
							<span id="proposalPurchaseTime" class="blueColor"></span>&nbsp;&nbsp;&nbsp;
							<span>预计完成日期 : </span>
							<span id="estimateTime" class="blueColor"></span>
						</div>

						<table class="table table-border table-bordered table-bg table-hover">
							<thead>
								<tr>
									<td>序号</td>
									<td>类型</td>
									<td>编号</td>
									<td>描述</td>
									<td>订单数</td>
									<td>投料数</td>
									<td>采购</td>
									<td>入库</td>
								</tr>
							</thead>
							<tbody id="orderDetailBody">

							</tbody>
						</table>


						<span>生产进度：</span>
						<div id="reportProcedureDiv">

						</div>
					</div>
					<div class="modal-footer clearfix">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					</div>
				</div>
			</div>
		</div>


		<div class="modal fade" id="reportModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-body">
						<div>
							<table>
								<thead>
									<tr>
										<td>加工对象</td>
										<td>加工颜色</td>
										<td>合格数</td>
										<td>最后报工时间</td>
									</tr>
								</thead>
								<tbody id="porpBody">

								</tbody>
							</table>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					</div>
				</div>
			</div>
		</div>


		<div class="modal fade" id="photo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-body">
						<div>
							<img src="" id="quanImg" />
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
						</div>
					</div>
				</div>
			</div>


			<!-- 		   <div class="modal fade" id="photo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> -->
			<!-- 				<div class="modal-dialog"> -->
			<!-- 					<div class="modal-content"> -->
			<!-- 						<div class="modal-body"> -->
			<!-- 							<div> -->
			<!-- 						     	<img src="" id="quanImg"/> -->
			<!-- 							</div> -->
			<!-- 						</div> -->
			<!-- 					</div> -->
			<!-- 					<div class="modal-footer"> -->
			<!-- 							<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> -->
			<!-- 					</div> -->
			<!-- 				</div> -->
			<!-- 			</div> -->

		</div>
		<!--_footer 作为公共模版分离出去-->
		<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810145355jquery.min1.9.1.js"></script>
		<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
		<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810150731H-ui.min3.0.2.js"></script>
		<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script>
		<script type="text/javascript" src="myJs/echartUtil.js"></script>
		<!--/_footer 作为公共模版分离出去 -->

		<!--请在下方写此页面业务相关的脚本 -->
		<script type="text/javascript" src="lib/My97DatePicker/4.8/WdatePicker.js"></script>
		<script type="text/javascript" src="https://upload.shinehao.com.cn/20180813175723jquery.dataTables1.10.0.js"></script>
		<script type="text/javascript" src="lib/laypage/1.2/laypage.js"></script>
		<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810172341echarts.common.min3.4.0.js"></script>
		<script type="text/javascript" src="myJs/util.js"></script>
		<script type="text/javascript" src="myJs/echartUtil.js"></script>
		<script type="text/javascript" src="myJs/setWorkShopOrderDate.js"></script>

</body>

</html>